<script>
// import * as echarts from 'echarts'
export default {
    name: 'ECharts',
    data() {
        return {
            // 排名轮播表
            scrollBoardConfig: {
                header: ['告警编号', '告警时间', '告警类型'],
                data: [
                ['G924', '2024-11-12 12:02', '危废台账'],
                ['G452', '2024-11-22 11:02', '执照异常'],
                ['G401', '2024-11-08 15:12', '项目竣工验收'],
                ['G452', '2024-10-12 08:32', '执照异常'],
                [
                    '<span style="color:#FB5430;">G110</span>', 
                    '<span style="color:#FB5430;">2024-09-11 12:42</span>', 
                    '<span style="color:#FB5430;">污水网管许可异常</span>'
                ],
                ['G924', '2024-11-01 09:13', '危废台账'],
                ['G924', '2024-11-01 10:11', '危废台账'],
                ['G924', '2024-10-31 05:10', '危废台账'],
                ['G401', '2024-12-11 11:11', '项目竣工验收'],
                ['G452', '2024-11-11 14:58', '执照异常']
                ],
                index: false,
                columnWidth: [100, 140],
                align: ['center'],
                headerBGC: "#3490BA",//表头背景色
            }
        }
    },
    mounted() {
        this.initChart()
    },
    methods: {
        initChart() {
            
        }
    }
}
</script>
<template>
    <dv-border-box-12 style="width: 100%; height: 100%;">
        <div style="width: 100%; height: 100%;position: relative;">
            <div style="position: absolute;top: 20px;left: 20px;font-weight: 700;font-size: 18px;">告警列表</div>
            <dv-scroll-board :config="scrollBoardConfig" style="width: 90%;height: 74%;position: absolute;top: 50px; left: 50%;transform: translateX(-50%);" />
        </div>
      </dv-border-box-12>
</template>